<template>
  <div class="box">
    <div class="box1" v-for="(v,i) in shujv" :key="i">
      <p>{{v.leibie}}</p>
      <div class="alltuwen">
        <div class="tuwen" v-for="(v,k) in shujv[i].nei" :key="k">
          <img :src="v.src" alt="" />
          <span>{{v.name}}</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props:["shujv"],
};
</script>

<style scoped>
.box{
    margin-top: .5rem;
    overflow: auto;
}
.box .box1 {
  width: 100%;
  height: 3.6rem;
  /* background: red; */
}
.box .box1 p {
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.18rem;
}
.box .box1 .alltuwen {
  height: 3.12rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.box .box1 .tuwen {
  width: 0.72rem;
  height: 1.5rem;
  
}
.box .box1 .tuwen img {
  width: 0.72rem;
  height: 0.95rem;
  margin-bottom: 0.13rem;
}
.box .box1 .tuwen span{
  font-size: .12rem;
}
</style>